﻿@page "/"
@attribute [TabItemOption(Text = "Index", Closable = false)]

<ValidateForm Model="model">
    <div class="row g-3 form-inline">
        <div class="col-12">
            <BootstrapInput @bind-Value="model.Icon">
            </BootstrapInput>
        </div>

        <div class="col-12">
            <Select @bind-Value="model.Icon" Items="_items">
            </Select>
        </div>

        <div class="col-12">
            <SelectObject @bind-Value="model.Icon" GetTextCallback="@(item => item)" Height="300"  DropdownMinWidth="300">
                <ListView  Items="@_items2">
                    <BodyTemplate Context="value">
                        <Card>
                            <BodyTemplate>                                
                                <div class="lv-demo-desc">@value</div>
                            </BodyTemplate>
                        </Card>
                    </BodyTemplate>
                </ListView>
            </SelectObject>
        </div>
    </div>
</ValidateForm>

@code {
    private List<SelectedItem> _items=new List<SelectedItem>();
    private List<string> _items2=new List<string>() { "a","b"};
    private Model model = new Model();
    class Model
    {
        public string Icon { get; set; }
    }
}
